import { NextPage } from 'next' import Head from 'next/head' import { useRouter } from 'next/router' import { cn } from 'ui' import { Header, LoadingCardView, NoOrganizationsState, } from '@/components/interfaces/Home/ProjectList/EmptyStates' import { buildOrgUrl } from '@/components/interfaces/Organization/Organization.utils' import { OrganizationCard } from '@/components/interfaces/Organization/OrganizationCard' import { PageLayout } from '@/components/layouts/PageLayout/PageLayout' import { ScaffoldContainer, ScaffoldSection } from '@/components/layouts/Scaffold' import { useOrganizationsQuery } from '@/data/organizations/organizations-query' import { useCustomContent } from '@/hooks/custom-content/useCustomContent' import { withAuth } from '@/hooks/misc/withAuth' import { buildStudioPageTitle } from '@/lib/page-title' const GenericOrganizationPage: NextPage = () => { const router = useRouter() const { appTitle } = useCustomContent(['app:title']) const { routeSlug, ...queryParams } = router.query const queryString = Object.keys(queryParams).length > 0 ? new URLSearchParams(queryParams as Record).toString() : '' const { data: organizations, isPending: isLoading } = useOrganizationsQuery() const pageTitle = buildStudioPageTitle({ section: 'Select an organization', surface: 'Organizations', brand: appTitle || 'Briven', }) return ( <> {pageTitle}
{isLoading ? ( ) : organizations?.length === 0 ? ( ) : (
    {organizations?.map((org) => ( ))}
)}
) } export default withAuth(GenericOrganizationPage)